<%@ page language="java" pageEncoding="UTF-8" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

    <title> 工程泛联客 </title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Use the correct meta names below for your web application

    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">-->

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/font-awesome.min.css">

    <!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/smartadmin-production.css">
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/smartadmin-skins.css">

    <!-- SmartAdmin RTL Support is under construction
        <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/demo.css">

    <!-- FAVICONS -->
    <link rel="shortcut icon" href="../resource/com/img/favicon/favicon-t.ico" type="image/x-icon">
    <link rel="icon" href="../resource/com/img/favicon/favicon-t.ico" type="image/x-icon">
    <script type="text/javascript">
        /*
        function resize() {
            height = $(document.body).height();
            if (height < 200) {
                $("#main").height(200);
            } else {
                $("#main").height(height * 0.8);
            }
        }*/
       // window.onload = resize;


    </script>
<style>
    body{
        height:100%;
        width:100%;

    }
   .osWrap{
        width:100%;
        height:100%;
        overflow:hidden;
    }
    .abs{
        position:absoluate;
    }
    .wallpapper{
        overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-9;
        background:url('../resource/com/img/loginbg900.jpg')  center center;background-size:100%;
    }
    /*osLogin*/
    .osLoginWrap {
      width: 410px;
      position: relative;
      margin: auto;
      border: 1px solid #273442;
      background: #fdfdfd;
      box-shadow: 0 -12px 0 #d6d7d9 inset, 0 3px 8px rgba(0, 0, 0, 0.4);
      /*min-height:352px; */
      border-radius: 6px 6px 0 0;
      padding-bottom: 12px;
    }
    .osLoginHeader {
      height: 43px;
      background: url('images/osLoginHeaderBg.png') repeat;
      position: relative;
      border-radius: 4px 4px 0 0;
    }
    .osLoginAvatar {
      width: 126px;
      height: 126px;
      border-radius: 70px;
      padding: 5px;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
      background: #ffffff /* url("images/osLoginAvatar.png") no-repeat center center*/;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -68px 0 0 -68px;
    }
    .osLoginAvatar img {
      display: block;
      height: 126px;
      width: 126px;
      border-radius: 70px;
      border: none;
    }
    .osLoginEName {
      color: #4f5255;
      font-size: 18px;
      width: 322px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 54px auto 12px;
      text-align: center;
      line-height: 1.2em;
    }
    .osLoginInviter {
      font-size: 12px;
      width: 320px;
      text-align: center;
      margin: 0 auto 14px;
    }
    .osLoginInviter span {
      display: inline-block;
      vertical-align: top;
    }
    .osLoginInviter .osLoginInviterName {
      max-width: 7em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .osLoginIptBox {
      background-image: -webkit-linear-gradient(-90deg, #eff0f1,#fbfcfe);
      background-image: -moz-linear-gradient(-90deg, #eff0f1,#fbfcfe);
      background-image: -o-linear-gradient(-90deg, #eff0f1,#fbfcfe);
      background-image: linear-gradient(180deg, #eff0f1,#fbfcfe);
      position: relative;
      width: 260px;
      height: 39px;
      border: 1px solid #bdbdbd;
      border-radius: 4px;
      margin: 0 auto 19px;
      padding: 0 10px 0 50px;
      box-shadow: 0 2px 3px rgba(82, 85, 90, 0.21) inset;
    }
    .osLoginIptBox:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 42px;
      width: 4px;
      background: url('images/osLoginIco.png') no-repeat -7px -126px;
    }
    .osLoginCodeIpt {
      width: 140px;
      padding: 0 10px;
      margin: 0;
    }
    .osLoginCodeIpt:after {
      display: none;
    }
    .osLoginCodeBox {
      margin: 0 auto 19px;
      width: 320px;
    }
    .oslIdentifyingImgWrp {
      height: 37px;
      width: 130px;
      padding: 4px 0 0 20px;
    }
    .oslIdentifyingImgWrp img {
      height: 32px;
    }
    .osLoginIpt {
      height: 39px;
      margin: 0;
      width: 100%;
      border: 0;
      outline: 0;
      background: none;
    }
    .osLoginIco01:before,
    .osLoginIco02:before {
      content: '';
      position: absolute;
      left: 12px;
      top: 12px;
      width: 20px;
      height: 17px;
      background: url('images/osLoginIco.png') no-repeat;
    }
    .osLoginIco01:before {
      background-position: 0 -3px;
    }
    .osLoginIco02:before {
      background-position: 0 -39px;
    }
    .osLoginIptBtn {
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 321px;
      margin: 0 auto 24px;
      cursor: pointer;
      font-size: 24px;
      border-radius: 4px;
      font-family: 'Microsoft YaHei';
      background-image: -webkit-linear-gradient(-90deg, #5aaefc,#4393f9);
      background-image: -moz-linear-gradient(-90deg, #5aaefc,#4393f9);
      background-image: -o-linear-gradient(-90deg, #5aaefc,#4393f9);
      background-image: linear-gradient(180deg, #5aaefc,#4393f9);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.19);
      border: 1px solid #4186db;
      color: #fff;
    }
    .osLoginIptBtn:hover {
      background-image: -webkit-linear-gradient(-90deg, #6bb7fd,#59a0fb);
      background-image: -moz-linear-gradient(-90deg, #6bb7fd,#59a0fb);
      background-image: -o-linear-gradient(-90deg, #6bb7fd,#59a0fb);
      background-image: linear-gradient(180deg, #6bb7fd,#59a0fb);
    }
    .osLoginIptBtn:active {
      background-image: -webkit-linear-gradient(-90deg, #4393f9,#5aaefc);
      background-image: -moz-linear-gradient(-90deg, #4393f9,#5aaefc);
      background-image: -o-linear-gradient(-90deg, #4393f9,#5aaefc);
      background-image: linear-gradient(180deg, #4393f9,#5aaefc);
    }
    .osLoginIptBtn.logining {
      background-image: -webkit-linear-gradient(-90deg, #b0b4c0,#dcdde4);
      background-image: -moz-linear-gradient(-90deg, #b0b4c0,#dcdde4);
      background-image: -o-linear-gradient(-90deg, #b0b4c0,#dcdde4);
      background-image: linear-gradient(180deg, #b0b4c0,#dcdde4);
      position: relative;
      border-color: #97a1bc;
      cursor: default;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    }
    .osLoginIptBtn.logining:after {
      position: absolute;
      content: '';
      width: 20px;
      height: 20px;
      background-image: url(images/LoadingIcon.gif);
      top: 11px;
      left: 12px;
    }
    .osLoginRow {
      width: 330px;
      margin:0 auto 5px;
      line-height: 16px;
      height: 16px;
    }
    .osLoginRow .fr span {
      color: #268abf;
    }
    .osLoginError {

      color: #ec4848;
    }
    .osLoginError:before {
      content: "";
      display: inline-block;
      vertical-align: top;
      background: url('images/osLoginIco.png') no-repeat 0 -82px;
      width: 16px;
      height: 16px;
      margin-right: 4px;
    }
    .osLoginInner {
      padding-bottom: 24px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      position: relative;
    }
    .osLoginTip {
      position: absolute;
      z-index: 9999;
      background: rgba(49, 51, 58, 0.8);
      border-radius: 4px;
      color: #fff;
      padding: 6px 10px;
      line-height: 18px;
      /*.os-msgtipclose{ background:none;
    		&:before{content:''; position: absolute; left:4px;top:4px; width:8px; height:8px;.ico();background-position: -212px -372px;}
    		&:hover:before{background-position: -212px -382px;}
    	}*/

    }
    .osLoginTip:before {
      content: "";
      position: absolute;
      left: 14px;
      top: -10px;
      border-width: 5px 6px;
      border-color: transparent transparent rgba(49, 51, 58, 0.8) transparent;
      border-style: solid;
    }
    /*error*/
    .cFormItem_iptError {
      border: 1px solid #fb7272;
      box-shadow: 1px 1px 1px #fb7272 inset, -1px -1px 1px #fb7272 inset;
    }
    /*unsupport*/
    .oslUnsupport {
      line-height: 22px;
      width: 320px;
      margin: auto;
      padding: 20px;
      white-space: nowrap;
      overflow: hidden;
    }
    .downloadbtn {
      background-image: url(images/DL.png);
      line-height: 59px;
      width: 253px;
      display: block;
      margin-top: 12px;
      text-indent: -9999px;
    }
    .downloadbtn:hover {
      background-position: 0 -61px;
    }

    .customIptBox{width: 322px;margin: 0 auto;}
    .customIptBox .osLoginIptBox{overflow: hidden;width:auto;}
    .customDomain{ line-height:40px;padding-left: 5px;}
</style>
</head>
<body id="login" class="animated fadeInDown"  onscroll="no">

<div role="main" class="osWrap abs">
    <div class="wallpapper abs" >

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    企业账号注册（个人用户无需在此注册，请在企业后台由管理员进行注册）
                </h4>
            </div>
            <div class="modal-body">
                <form action="#" method="post" id="smart-form-register" class="smart-form client-form">

                    <fieldset>
                        <section>
                            <label class="input"> <i class="icon-append fa fa-phone"></i>
                                <input type="text" id="username" name="username" placeholder="请输入手机号">
                                <b class="tooltip tooltip-bottom-right">输入正确的手机号</b> </label>
                        </section>
                        <section>
                            <label class="input"> <i class="icon-append fa fa-lock"></i>
                                <input type="password" name="password" placeholder="请输入密码" id="password">
                                <b class="tooltip tooltip-bottom-right">不要忘记您的密码</b> </label>
                        </section>
                        <section>
                            <label class="input"> <i class="icon-append fa fa-lock"></i>
                                <input type="password" name="passwordConfirm" placeholder="请再输入一次密码">
                                <b class="tooltip tooltip-bottom-right">不要忘记您的密码</b> </label>
                        </section>
                    </fieldset>
                    <fieldset>
                        <div class="row">
                            <section class="col col-8">
                                <label class="input"><i class="icon-append fa fa-unlock-alt"></i>
                                    <input type="text" name="authcode" placeholder="请输入验证码">
                                </label>
                            </section>
                            <section class="col col-4">
                                <label class="input">
                                    <button type="button" id="register_page_send" class="btn btn-warning btn-lg">
                                        获取验证码
                                    </button>
                                </label>
                            </section>
                            <section class="col col-12" id="message_reg_alert">

                            </section>
                        </div>
                    </fieldset>
                    <footer>
                        <input type="hidden" name="terms" id="terms" value="1">
                        <button type="button" id="register_page_submit" class="btn btn-primary btn-lg">
                            注册 <i class="fa fa-sign-in fa-lg"></i>
                        </button>
                    </footer>

                </form>
            </div>
            <%--<div class="modal-footer">--%>
            <%--<button type="button" class="btn btn-default"--%>
            <%--data-dismiss="modal">关闭--%>
            <%--</button>--%>
            <%--<button type="button" class="btn btn-primary">--%>
            <%--提交--%>
            <%--</button>--%>
            <%--</div>--%>
        </div>
        <!-- /.modal-content -->
    </div>

    </div>


     </div>

</div>



    <!-- /.modal -->

  </body>
</html>
